@charset "UTF-8";


//登录界面标题
* {
  box-sizing: border-box;
}

.titleWrap{
  position: relative;
}

figure {
  animation: wobble 5s ease-in-out infinite;
  transform-origin: center center;
  transform-style: preserve-3d;
}

@keyframes wobble {
  0%, 100% {
    transform: rotate3d(1, 1, 0, 7deg);
  }
  25% {
    transform: rotate3d(-1, 1, 0, 7deg);
  }
  50% {
    transform: rotate3d(-1, -1, 0, 7deg);
  }
  75% {
    transform: rotate3d(1, -1, 0, 7deg);
  }
}

h2 {
  display: block;
  width: 100%;
  padding-top: 20px;
  padding-left: 20px;
  line-height: 1.5;
  font: 900 2em 'Concert One', sans-serif;
  text-transform: uppercase;
  position: absolute;
  color: #fffeb4;
  animation: glow 10s ease-in-out infinite;
}

@keyframes glow {
  0%, 100% {
    text-shadow: 0 0 5px #647787;
  }
  25% {
    text-shadow: 0 0 5px #1a272f;
  }
  50% {
    text-shadow: 0 0 5px #95a2ad;
  }
  75% {
    text-shadow: 0 0 5px #304242;
  }
}

h2:nth-child(2) {
  transform: translateZ(5px);
}

h2:nth-child(3) {
  transform: translateZ(10px);
}

h2:nth-child(4) {
  transform: translateZ(15px);
}

h2:nth-child(5) {
  transform: translateZ(20px);
}

h2:nth-child(6) {
  transform: translateZ(25px);
}

h2:nth-child(7) {
  transform: translateZ(30px);
}

h2:nth-child(8) {
  transform: translateZ(35px);
}

h2:nth-child(9) {
  transform: translateZ(40px);
}

h2:nth-child(10) {
  transform: translateZ(45px);
}

/*主页标题部分*/
.title {
  margin-top: -10.5%;
  margin-left: 16%;
  text-align: center;
}

.cn {
  font-size: 21px;
  font-weight: 900;
  font-family: "微软雅黑";
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #feff4d), color-stop(.4, #f9ff7c), color-stop(.5, #d5dfe2), color-stop(.6, #fffeb4), color-stop(1, #feff4d));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: animate 2s infinite;

}

@-webkit-keyframes animate {
  from {
    background-position: -100px;
  }
  to {
    background-position: 100px;
  }
}

@keyframes animate {
  from {
    background-position: -100px;
  }
  to {
    background-position: 100px;
  }
}
